<demo>
   渐变效果
</demo>
<template>
  <Carousel :items="testimg" />
</template>
<script lang="ts">
import Carousel from "../lib/Carousel.vue";
import { reactive } from "vue";
import imgUrl1 from "../assets/111.jpg";
import imgUrl2 from "../assets/222.jpg";
import imgUrl3 from "../assets/333.jpg";

export default {
  components: {
    Carousel,
  },
  setup() {
    const testimg = reactive([
      { src: imgUrl1 },
      { src: imgUrl2 },
      { src: imgUrl3 },
    ]);
    return {
      testimg,
    };
  },
};
</script>